.controlBar {
    display        : flex;
    justify-content: flex-end;

    .wrap {
        padding: 0 10px;
    }

    .submit {
        margin: 0 10px;

        &.red {
            border    : 1px solid #f25353;
            background: #eb2324;
        }
    }

    .logout {
        cursor: pointer;
    }
}

:host :ng-deep {
    .ant-layout-header {
        padding: 0 10px;
    } 
}


.trans {
    background-color: transparent;
}

.fl {
    float: left;
}

.clear {
    clear: both;
}

.controlHeaderAvatar {
    margin: 20px 5px 0 0;
}

.controlTitle {
    text-align: left;
    cursor    : pointer;
    margin    : 4px 0 0 12px;
    display   : flex;

    .round {
        width           : 40px;
        height          : 40px;
        text-align      : center;
        line-height     : 35px;
        border-radius   : 25px;
        margin          : 6px 0 0 12px;
        background-color: white;

        img {
            height: 25px;
        }
    }

    .logotit {
        margin-left: 10px;
        font-size  : 23px;
    }
}

:host ::ng-deep {
    .reuse-tab__line .ant-tabs-nav .ant-tabs-tab .reuse-tab__name {
        padding: 4px 20px;
    }

    .ant-layout-header {
        height     : 60px;
        line-height: 60px;
        padding    : 0;
    }

    .alain-default__content {
        margin: 0 10px 10px 222px;
    }

    .ad-rt.fixed {
        left: 200px;
    }

    .alain-default__aside {
        margin-top: 60px;
    }

    .reuse-tab__line {
        padding: 4px 8px 8px 8px;
    }
}

.navlist {
    height     : 26px;
    line-height: 26px;

    .wrap {
        margin: 6px 0 6px 24px;

        i {
            margin-right: 10px;
        }
    }

    .link {
        color: rgba(0, 0, 0, 0.65);
    }
}